<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8"/>
    <title></title>
</head>
<body>
<div id="example"></div>

<!--script-->
<script src="lib/react/react.js"></script>
<script src="lib/react/JSXTransformer.js"></script>
<script type="text/jsx">
    var names = ['Alice', 'Emily', 'Kate'];

    React.render(
        <div>
            {
                names.map(function (name) {
                    return <div>Hello, {name}!</div>;
                })
            }
        </div>,
        document.getElementById('example')
    );
</script>
</body>
</html>
